<!DOCTYPE html>
<html lang="en">
<head>
    <title>成绩详情页</title>
    <#include "/header.html">
    <link rel="stylesheet" href="../../../statics/css/sHover/example.css">
</head>
<body>
<div class="panel panel-default">
    <div class="panel-heading">
        <h3 class="panel-title">
            成绩信息
        </h3>
    </div>
    <div class="panel-body">
        <div class="form-group">
            <label>姓名</label>
            <input  class="form-control" readonly value="张三"/>
            <label>考试得分</label>
            <input   class="form-control" readonly value="40"/>
        </div>
        <div class="form-group">
            <label>交卷时间</label>
            <input   class="form-control" readonly value="2019-04-27 13:13:53"/>
            <label>学生部门</label>
            <input   class="form-control"  readonly value="河北省电力公司"/>
        </div>
        <div class="form-group">
            <label>是否通过</label>
            <input  class="form-control" readonly value="失败"/>
        </div>
    </div>
</div>
<div id="part3" class="part">
    <h2>sHover的炫酷使用实例</h2>
    <div class="container">
        <div id="item1" class="sHoverItem">
            <img id="img1" src="images/1.jpg">
            <span id="intro1" class="sIntro">

			</span>
        </div>
        <div id="item2" class="sHoverItem">
            <img src="images/2.jpg">
        </div>
        <div class="sHoverItem">
            <img src="images/3.jpg">
        </div>
        <div class="sHoverItem">
            <img src="images/4.jpg">

        </div>
        <div class="sHoverItem">
            <img src="images/5.jpg">
            <span class="sIntro">

				</span>
        </div>
        <div class="sHoverItem">
            <img src="images/6.jpg">

        </div>
        <div class="sHoverItem">
            <img src="images/7.jpg">
        </div>
        <div class="sHoverItem">
            <img src="images/8.jpg">

        </div>
        <div class="sHoverItem">
            <img src="images/9.jpg">

        </div>
        <div class="sHoverItem">
            <img src="images/10.jpg">

        </div>
        <div class="sHoverItem">
            <img src="images/11.jpg">
            <span class="sIntro">

				</span>
        </div>
        <div class="sHoverItem">
            <img src="images/12.jpg">

        </div>
    </div><!-- /container -->
</div>
</body>
</html>
<style>
    .form-control{
     width: 68%;
    }
    .panel-body{
     display: inline-flex;
     width: 100%;
    }
    .form-group{
      width: 33.33%;
    }

</style>